<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page import="java.util.HashMap" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>시골가게 - 회원가입</title>
<link href="./css/css.css" rel="stylesheet" type="text/css">
<script language="javascript">
function check(){

	var f=document.memberInsert;  /* 문서.Form name=""; */
	var idPs=/^[0-9a-zA-Z]{4,12}$/;  /* 아이디 비밀번호 숫자,대소문자구분, 4~12글자 */
	var mPs=/^[0-9]{7,12}$/; /*전화번호는 숫자만 입력 가능*/
	var eCheck=/^([0-9a-zA-Z_-]+)@([0-9a-zA-Z_-]+)(\.[0-9a-zA-Z_-]+){1,2}$/;
	/*이메일형식 XXX @ XXX . XXX*/
	
	if(f.id.value==""){
		alert("아이디를 입력해주십시오");
		f.id.focus();
		return false;
	}
	
	if(!idPs.test(f.id.value)){
		alert("유효한 아이디 형식이 아닙니다.");
		f.id.value="";  //id작성했던 값을 비워줌
		f.id.focus();  //id focus이동
		return false;
	}
	 	
	if(f.confirm_id2.value=="") {
		alert("아이디 중복확인을 해주십시오");
		return false;
	}
	 
	if(f.password.value==""){
		alert("비밀번호를 입력해주십시오");
		f.password.focus();
		return false;
	}
	 
	if(!idPs.test(f.password.value)){
		alert("유효한 비밀번호 형식이 아닙니다.");
		f.password.value="";  //id값을 비워줌
		f.password.focus();  //id focus이동
		return false;
	}

	if(f.password.value != f.password2.value){
		alert("비빌번호를 다르게 입력했습니다.");
		f.password2.select();
		return false;
	}
	 
	if(f.name.value==""){
		alert("이름을 입력해주십시오");
		f.name.focus();
		return false;
	}

	if(f.email.value==""){
		alert("이메일을 입력해주십시오");
		f.email.focus();
		return false;
	}
	if(f.news.value==""){
		alert("수신여부를 체크해주십시오");
		f.email.focus();
		return false;
	}
	 
	if(!eCheck.test(f.email.value)){
		alert("잘못된 이메일 형식입니다.");
		f.email.value="";
		f.email.focus();
		return false;
	}
	
	if(f.zipcode.value=="") {
		alert("우편번호를 검색하여 입력해주십시오");
		f.zipcode.focus();
		return false;
	}
	
	if(f.phone.value=="") {
		alert("전화번호를 입력해주십시오");
		f.phone.focus();
		return false;	
	}
	
	if(!mPs.test(f.phone.value)){
		alert("전화번호를 올바르게 입력해 주십시오");
		f.phone.value="";  
		f.phone.focus();  
		return false;
	}

	
}

function openZipcode(){
	var url="zipcodeCheck.action";
	open(url, "confirm","toolbar=no, location=no, status=no, menubar=no, scrollbars=yes, resizable=no, width=800, height=800");
}

function openConfirmId(){
	var url = "memberIdCheck.action?id="+document.memberInsert.id.value;
	var f=document.memberInsert;  //문서.Form name="";
	var idPs=/^[0-9a-zA-Z]{4,12}$/;  //아이디 비밀번호 체크표현식
	if(f.id.value==""){
		alert("아이디를 입력해주세요.");
		f.id.focus();
		return false;
	}
	if(!idPs.test(f.id.value)){
		alert("유효한 아이디 형식이 아닙니다.");
		f.id.value="";  //id작성했던 값을 비워줌
		f.id.focus();  //id focus이동
		return false;
	}
	open(url ,"confirm","toolbar=no, location=no, status=co, menubar=no, scrollbars=no, resizable=no, width=600, height=500");
}

</script>
</head>
<body>
<center>
<form name="memberInsert" action="memberInput.action" method="post" onsubmit="return check()">
	<br>
	<table width="753">
			<tr>
			<td class="cm" align="left">판매자 여부</td>
			</tr><tr><td class="cm">
			<input type="radio" name="power" checked="checked" id="statusAct" value="1" />
				판매자
				<input type="radio" name="power" id="statusInac" value="2"/>
				구매자</td>
		</tr>
	</table>
	<br><br>
	<table width="753">
		<tr>기본정보(필수 입력)
			<td class="cm" height="23" colspan="5" align="center" >
			<td height="1" colspan="5"></td>
		</tr>
		<tr>
			<td class="cm" height="30" align="left" width="120">아이디</td>
			<td class="cm" align="left">
				<input type="text" name="id" size="28">
				<input type="button" name="confirm_id" value="중복확인" style="height: 35px; width:100px;"onclick="openConfirmId()" class="BBUTTON">
				<input type="hidden" name="confirm_id2" value="">
				<font class="BFONT">영문/숫자를 이용하여 4~12자로 입력하세요</font>
			</td>
		</tr>
		<tr>
			<td class="cm" height="30" align="left">비밀번호</td>
			<td class="cm" align="left"><input type="password" name="password" size="30">
				<font class="BFONT">영문/숫자를 이용하여 4~12자로 입력하세요</font>
			</td>
		</tr>
		<tr>
			<td class="cm" height="30" align="left">비밀번호 확인 </td>
			<td class="cm" align="left"><input type="password" name="password2" size="30">
				<font class="BFONT">비밀번호를 재입력 해주세요</font>
			</td>
		</tr>
		<tr>
			<td class="cm" height="30" align="left">이 름</td>
			<td class="cm" align="left"><input type="text" name="name" size="28">
				<font class="BFONT">가입 후 수정되지 않습니다.</font>
			</td>
		</tr>

		<tr>
			<td class="cm" height="30" align="left">이메일</td>
			<td class="cm" align="left"><input type="text" name="email" size="28">
				<font class="BFONT">이메일 형식에 맞춰 입력해 주세요</font>
			</td>
		</tr>
		<tr>
			<td class="cm" height="30" align="left">뉴스레터 수신</td>
				<td class="cm"><input type="radio" name="news" checked="checked" id="statusAct" value="1" />
				동의
				<input type="radio" name="news" id="statusInac" value="0"/>
				미동의
			</td>
		</tr>
		<tr>
			<td class="cm" height="30" align="left">우편번호</td>
			<td class="cm" align="left">
				<input type="text" name="zipcode" readonly>
				<input type="button" value="우편번호찾기" style="height: 35px; width:140px;" onclick="return openZipcode()" class="BBUTTON">
				<font class="BFONT">우편번호를 검색해서 주소를 입력하세요</font>
			</td>
		</tr>
		<tr>
			<td class="cm" height="30" align="left" valign="top">주 소</td>
			<td class="cm" height="30" align="left">
				<input type="text" name="address1" size="60" readonly><br>
				<input type="text" name="address2" size="60">
				<font class="BFONT">나머지 주소를 적어 주세요</font>
			</td>
		</tr>
		<tr>
			<td class="cm" height="30" align="left">전화번호</td>
			<td class="cm" align="left"><input type="text" name="phone" size="28">
				<font class="BFONT">"-" 없이 숫자만 입력하세요</font>
			</td>
		</tr>
		


		<tr></tr>
		<td colspan="2" class="cm"><br><br>추가 입력사항 - 구매자만 입력하면 됩니다.</td>
		<tr>
			<td class="cm" height="30" align="left">은행명</td>
			<td class="cm" align="left"><input type="text" name="bank" size="20">
			</td>
		</tr>
		<tr>
			<td class="cm" height="30" align="left">계좌번호</td>
			<td class="cm" align="left"><input type="text" name="account" size="40">
				<font class="BFONT">"-" 없이 숫자만 입력하세요</font>
			</td>
		</tr>
		<tr>
			<td class="cm" class="BTD2" height="23" colspan="5" align="center" >이용약관</td>
		</tr>
		<tr>
			<td class="cm" colspan="2">
				<textarea rows="10" cols="90%" >
이용약관.........내용이 쭉쭉쭉
				</textarea><br>
			</td>
		</tr>
		<tr>
			<td colspan="2" height="23" align="left">&nbsp;&nbsp;&nbsp;넌 이미 동의하고 있다.
				<input type="checkbox" name="cb1" checked= "checked" disabled="disabled"/><br><br>
			</td>
		</tr>
		<tr>
			<td colspan="2" align="center">
				<input type="submit" value="회원등록" class="BBUTTON">&nbsp;&nbsp;&nbsp;&nbsp;
				<input type="button" value="가입취소" class="BBUTTON" onClick="javascript:location.href='main.action';">
				<br><br>
			</td>
		</tr>
	</table>
	<br>
</form>
</center>
</body>
</html>